<template lang="html">
  <view class='region-picker'>
    <picker-view  style="width: 80%; height: 350rpx;"  @change="cityChange" >
      <picker-view-column>
        <view v-for="(province, index) in cityData" style="line-height: 34px;">{{province.name}}</view>
      </picker-view-column>
       <!-- <picker-view-column>
        <view v-for="(item, index) in cityData" style="line-height: 34px">{{item}}月</view>
      </picker-view-column> -->
      <!--<picker-view-column>
        <view v-for="(item, index) in birthPickerDate.days" style="line-height: 34px">{{gregorian==1?item+'日':item}}</view>
      </picker-view-column> -->
    </picker-view>
  </view>
</template>

<script>
console.log(cityData)
export default {
  data() {
    return {
      cityData: cityData,
      cityInit: [0, 0, 0]
    }
  },
  methods: {
    cityChange(e) {
      console.log(e.detail.value)
    }
  }
}
</script>

<style lang="css" scoped>
.region-picker{
  width: 100%;
  height: 460rpx;
  background: #fff;
  position: fixed;
  bottom: 0;
  z-index: 100;
  line-height: 460rpx;
  text-align: center;
}
</style>
